<template>
	<view class="container">
		<view class="content">
			<view class="bg-content">
				<view class="heaader">
					<view class="header-title">
						xxx采购
					</view>
					<view class="header-search">
						<FrogInput placeholder="请输入关键字查询"></FrogInput>
					</view>
				</view>
				<view class="supplier-container">
					<Supplier></Supplier>
				</view>
			</view>
			<view class="discount">
				<Discount></Discount>
			</view>
		</view>
        <ShoppingCar></ShoppingCar>
	</view>
</template>

<script>
	import Supplier from '../../../components/index/supplier.vue';
	import Discount from '../../../components/index/discount.vue';
    import ShoppingCar from '../../../components/index/shoppingCar.vue';
	export default {
		components: {
			Supplier,
			Discount,
            ShoppingCar
			
		},
		data() {
			return {

			}
		},
		onLoad() {

		},
		methods: {

		}
	}
</script>

<style>
	.content {
		height: 100%;	
	}
	
	.bg-content{
		background: linear-gradient(to bottom, var(--color-theme), #FF7F50, #FFA07A, #FFB6C1, #fff);
		color: #fff;
		padding: 6px 0;
	}
	

	.heaader {
		padding: 6px 10px;
	}

	.header-title {
		font-size: 20px;
		font-weight: 600;
		font-family: monospace;
	}


	.header-search {
		padding: 10px 0;
	}
</style>